.TodoNow,.doneNow{
    height: 190px;
}
.TodoWrap{
    width: 100%;  
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #FEF4E9 100%);
    border-radius: 4px;
    border: 1px solid #FFEDDC;
    position: relative;
    cursor: pointer;
    // max-width: 189px;
}
.TodoWrap:hover{
    box-shadow: 6px 8px 12px 0px #FFF6EE;
}
.doneWrap:hover{
    box-shadow: 6px 8px 12px 0px rgba(67, 118, 255, 0.2);
} 
.doneWrap{
    width: 100%;
    height: 100%;
    background: rgba(67, 118, 255, 0.04);
    border-radius: 4px;
    border: 1px solid rgba(67, 118, 255, 0.1);
    cursor: pointer;
}
.todoImg,.DoneImg{
    position: absolute;
    right: 20px;
    bottom: 11px;
}
.TodoWrapHeader{
    width: 100%;
    height: 4px;
    background: linear-gradient(135deg, #FFF0E1 0%, #FF7F02 100%);
    border-radius: 4px 4px 0px 0px;
}
.DoneWrapHeader{  
    width: 100%;
    height: 4px;
    background: linear-gradient(234deg, #BAD1FF 0%, #5D93FF 100%);
    border-radius: 4px 4px 0px 0px;
}
.TodoNums,.DoneNums{
    margin-top: 14px;
    margin-left: 20px;
    span{
        display: block;
    }
    span:first-of-type{
        font-size: 16px;  
        font-weight: 600;
        color: rgba(0, 0, 0, 0.65);
    }
    span:last-of-type{
        font-size: 28px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
        margin-top: 10px;
        letter-spacing: -1px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}